<template>
  <div class="page1">
    <h1 class="title">\ 建党工作</h1>
    <ul>
      <li v-for="(item, index) in partyList" :key="index" @click="goMore(index)">
        <div class="img-wrap">
          <img :src="item.img" width="150" />
        </div>
        <div class="text-wrap">
          <h1>{{ item.title }}</h1>
          <p>{{ item.synopsis }}</p>
          <time>{{ item.date }}</time>
        </div>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "page1",
  data() {
    return {
      partyList: [
        {
          img: "~/assets/images/null.png",
          title: "我院招开2018级人才培养方案研讨会",
          date: "2019-2-1",
          synopsis: `为做好我院2018级人才培养方案的制定工作，6月6日下午，我院特邀请上海道义信科技有限sad公司总经理sdafasdfsadfsdfsdf何勇、申通是垃圾分类收集的雷锋精神了搭街坊拉萨的顺利打开房间了撒大`,
          browseNumber: 120,
          content: [
            {
              title: "培养目标",
              text: `培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要`
            },
            {
              title: "主干课程",
              text: `高等数学、C语言程序设计、Java程序设计、动态网页设计、数据结构、计算机组成与原理.`
            },
            {
              title: "就业方向",
              text: `毕业生可以在航天企业、工商企业、国家机关、和事业单位从事软件研究、开发、测试和运维工作。`
            },
            {
              title: "培养目标",
              text: `培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要`
            },
            {
              title: "主干课程",
              text: `高等数学、C语言程序设计、Java程序设计、动态网页设计、数据结构、计算机组成与原理.`
            },
            {
              title: "就业方向",
              text: `毕业生可以在航天企业、工商企业、国家机关、和事业单位从事软件研究、开发、测试和运维工作。`
            }
          ]
        },
        {
          img: "~/assets/images/null.png",
          title: "我院招开2018级人才培养方案研讨会",
          date: "2019-2-1",
          synopsis: `为做好我院2018级人才培养方案的制定工作，6月6日下午，我院特邀请上海道义信科技有限sad公司总经理sdafasdfsadfsdfsdf何勇、申通是垃圾分类收集的雷锋精神了搭街坊拉萨的顺利打开房间了撒大`,
          browseNumber: 120,
          content: [
            {
              title: "培养目标",
              text: `培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要`
            },
            {
              title: "主干课程",
              text: `高等数学、C语言程序设计、Java程序设计、动态网页设计、数据结构、计算机组成与原理.`
            },
            {
              title: "就业方向",
              text: `毕业生可以在航天企业、工商企业、国家机关、和事业单位从事软件研究、开发、测试和运维工作。`
            },
            {
              title: "培养目标",
              text: `培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要`
            },
            {
              title: "主干课程",
              text: `高等数学、C语言程序设计、Java程序设计、动态网页设计、数据结构、计算机组成与原理.`
            },
            {
              title: "就业方向",
              text: `毕业生可以在航天企业、工商企业、国家机关、和事业单位从事软件研究、开发、测试和运维工作。`
            }
          ]
        },
        {
          img: "~/assets/images/null.png",
          title: "我院招开2018级人才培养方案研讨会",
          date: "2019-2-1",
          synopsis: `为做好我院2018级人才培养方案的制定工作，6月6日下午，我院特邀请上海道义信科技有限sad公司总经理sdafasdfsadfsdfsdf何勇、申通是垃圾分类收集的雷锋精神了搭街坊拉萨的顺利打开房间了撒大`,
          browseNumber: 120,
          content: [
            {
              title: "培养目标",
              text: `培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要`
            },
            {
              title: "主干课程",
              text: `高等数学、C语言程序设计、Java程序设计、动态网页设计、数据结构、计算机组成与原理.`
            },
            {
              title: "就业方向",
              text: `毕业生可以在航天企业、工商企业、国家机关、和事业单位从事软件研究、开发、测试和运维工作。`
            },
            {
              title: "培养目标",
              text: `培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要`
            },
            {
              title: "主干课程",
              text: `高等数学、C语言程序设计、Java程序设计、动态网页设计、数据结构、计算机组成与原理.`
            },
            {
              title: "就业方向",
              text: `毕业生可以在航天企业、工商企业、国家机关、和事业单位从事软件研究、开发、测试和运维工作。`
            }
          ]
        },
        {
          img: "~/assets/images/null.png",
          title: "我院招开2018级人才培养方案研讨会",
          date: "2019-2-1",
          synopsis: `为做好我院2018级人才培养方案的制定工作，6月6日下午，我院特邀请上海道义信科技有限sad公司总经理sdafasdfsadfsdfsdf何勇、申通是垃圾分类收集的雷锋精神了搭街坊拉萨的顺利打开房间了撒大`,
          browseNumber: 120,
          content: [
            {
              title: "培养目标",
              text: `培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要`
            },
            {
              title: "主干课程",
              text: `高等数学、C语言程序设计、Java程序设计、动态网页设计、数据结构、计算机组成与原理.`
            },
            {
              title: "就业方向",
              text: `毕业生可以在航天企业、工商企业、国家机关、和事业单位从事软件研究、开发、测试和运维工作。`
            },
            {
              title: "培养目标",
              text: `培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要`
            },
            {
              title: "主干课程",
              text: `高等数学、C语言程序设计、Java程序设计、动态网页设计、数据结构、计算机组成与原理.`
            },
            {
              title: "就业方向",
              text: `毕业生可以在航天企业、工商企业、国家机关、和事业单位从事软件研究、开发、测试和运维工作。`
            }
          ]
        },
        {
          img: "~/assets/images/null.png",
          title: "我院招开2018级人才培养方案研讨会",
          date: "2019-2-1",
          synopsis: `为做好我院2018级人才培养方案的制定工作，6月6日下午，我院特邀请上海道义信科技有限sad公司总经理sdafasdfsadfsdfsdf何勇、申通是垃圾分类收集的雷锋精神了搭街坊拉萨的顺利打开房间了撒大`,
          browseNumber: 120,
          content: [
            {
              title: "培养目标",
              text: `培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要`
            },
            {
              title: "主干课程",
              text: `高等数学、C语言程序设计、Java程序设计、动态网页设计、数据结构、计算机组成与原理.`
            },
            {
              title: "就业方向",
              text: `毕业生可以在航天企业、工商企业、国家机关、和事业单位从事软件研究、开发、测试和运维工作。`
            },
            {
              title: "培养目标",
              text: `培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要`
            },
            {
              title: "主干课程",
              text: `高等数学、C语言程序设计、Java程序设计、动态网页设计、数据结构、计算机组成与原理.`
            },
            {
              title: "就业方向",
              text: `毕业生可以在航天企业、工商企业、国家机关、和事业单位从事软件研究、开发、测试和运维工作。`
            }
          ]
        },
        {
          img: "~/assets/images/null.png",
          title: "我院招开2018级人才培养方案研讨会",
          date: "2019-2-1",
          synopsis: `为做好我院2018级人才培养方案的制定工作，6月6日下午，我院特邀请上海道义信科技有限sad公司总经理sdafasdfsadfsdfsdf何勇、申通是垃圾分类收集的雷锋精神了搭街坊拉萨的顺利打开房间了撒大`,
          browseNumber: 120,
          content: [
            {
              title: "培养目标",
              text: `培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要`
            },
            {
              title: "主干课程",
              text: `高等数学、C语言程序设计、Java程序设计、动态网页设计、数据结构、计算机组成与原理.`
            },
            {
              title: "就业方向",
              text: `毕业生可以在航天企业、工商企业、国家机关、和事业单位从事软件研究、开发、测试和运维工作。`
            },
            {
              title: "培养目标",
              text: `培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要`
            },
            {
              title: "主干课程",
              text: `高等数学、C语言程序设计、Java程序设计、动态网页设计、数据结构、计算机组成与原理.`
            },
            {
              title: "就业方向",
              text: `毕业生可以在航天企业、工商企业、国家机关、和事业单位从事软件研究、开发、测试和运维工作。`
            }
          ]
        },
        {
          img: "~/assets/images/null.png",
          title: "我院招开2018级人才培养方案研讨会",
          date: "2019-2-1",
          synopsis: `为做好我院2018级人才培养方案的制定工作，6月6日下午，我院特邀请上海道义信科技有限sad公司总经理sdafasdfsadfsdfsdf何勇、申通是垃圾分类收集的雷锋精神了搭街坊拉萨的顺利打开房间了撒大`,
          browseNumber: 120,
          content: [
            {
              title: "培养目标",
              text: `培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要`
            },
            {
              title: "主干课程",
              text: `高等数学、C语言程序设计、Java程序设计、动态网页设计、数据结构、计算机组成与原理.`
            },
            {
              title: "就业方向",
              text: `毕业生可以在航天企业、工商企业、国家机关、和事业单位从事软件研究、开发、测试和运维工作。`
            },
            {
              title: "培养目标",
              text: `培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要`
            },
            {
              title: "主干课程",
              text: `高等数学、C语言程序设计、Java程序设计、动态网页设计、数据结构、计算机组成与原理.`
            },
            {
              title: "就业方向",
              text: `毕业生可以在航天企业、工商企业、国家机关、和事业单位从事软件研究、开发、测试和运维工作。`
            }
          ]
        }
      ]
    };
  },
  methods: {
    goMore(index) {
      const partyList = this.partyList[index];
      this.$router.push({
        name: "party-more",
        params: {
          partyList
        }
      });
    }
  }
};
</script>

<style scoped lang="less">
li {
  display: flex;
  height: 120px;
  margin-bottom: 30px;
  cursor: pointer;
  .img-wrap {
    width: 150px;
    background-color: blanchedalmond;
  }
  .text-wrap {
    line-height: 27px;
    padding-left: 25px;
    h1 {
      margin-top: 0;
      margin-bottom: 15px;
    }
    p {
      margin: 0;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; //需要控制的文本行数
      overflow: hidden;
      color: rgb(143, 142, 142);
    }
    time {
      color: rgb(143, 142, 142);
    }
  }
}
</style>